<!DOCTYPE html>
<html>
    <head>
    <title>Kab</title>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
    <script>
	    $(document).bind("mobileinit", function(){
	      $.extend(  $.mobile , {
	    	  ajaxFormsEnabled : false
	      });
	    });
    </script>
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script>
</head>
<body>
<div data-role="page">

	<div data-role="header">
		<h1>Kli Olami</h1>
		<a href="/kli" data-icon="gear" class="ui-btn-right" rel="external">Map</a>
	</div><!-- /header -->

	<div data-role="content">

    <?php
    	if ( $this->Posted ){
			echo $this->partial('posted.phtml');
    	}else{

    		if( !$this->LL && !$this->Lctns ){
				echo $this->partial('getlocation.phtml');
    		}else{
				echo $this->partial(
										'actvt.phtml',
										array(
												'LL' 	=> $this->LL,
												'Actvs' => $this->Actvs,
												'Lctns' => $this->Lctns
										)
									);
    		}
    	}
    ?>
	</div><!-- /content -->

	<div data-role="footer">
        <div data-role="navbar">
			<ul>
                <li><a href="/" rel="external">Home</a></li>
                <li><a href="/profile" rel="external">Profile</a></li>
                <li><a href="/location" rel="external">My Location</a></li>
                <li><a href="/activity" class="ui-btn-active" rel="external">Activity</a></li>
			</ul>
		</div
	</div><!-- /footer -->
</div><!-- /page -->
<?php echo $this->partial('ga.phtml'); ?>
</body>
</html>